<!--{template common/header}-->
<!--[name][在线QQ头像获取][/name]-->
<input type="hidden" value="">
<link rel="stylesheet" type="text/css" href="qq/qq-avatar.css">
<script src="qq/jquery.min.js"></script>
<div class="img-zoom-modal">
  <div class="img-zoom-content">
    <span class="img-zoom-close">&times;</span>
    <img id="zoom-img" src="" alt="放大预览">
  </div>
</div>
<div class="tool-content-body">
  <div id="tool-body">
    <meta name="referrer" content="no-referrer">    
    <div class="input-section">
      <h1>在线QQ头像-QQ邮箱头像-QQ空间头像查询工具</h1>
      <div class="input-group">
        <strong>输入QQ号：</strong>
        <div class="input-control">
          <input id="qqnumber" placeholder="请输入QQ号码" value="10000">
          <!-- 修改为带id的按钮，移除onclick属性 -->
          <button id="queryBtn">查询头像</button>
        </div>
      </div>
    </div>
    <div id="result">
      <table>
        <thead>
          <tr>
            <th>QQ头像</th>
            <th>QQ邮箱头像</th>
            <th>QQ空间头像</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><img src="qq/qq.svg" alt="QQ头像"></td>
            <td><img src="qq/qmail.svg" alt="QQ邮箱头像"></td>
            <td><img src="qq/qzone.svg" alt="QQ空间头像"></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="panel">
    <div class="panel-heading">使用说明</div>
    <div class="panel-body">
      <p>本工具可以获取指定QQ号码及QQ空间的头像，通过输入QQ号码，快速获取对应的QQ头像、QQ邮箱头像和QQ空间头像，简单实用的QQ头像查询工具。</p>
    </div>
  </div>
  <div class="panel" style="margin-top: 15px;">
    <div class="panel-heading">源码下载（更多在线工具尽在：<a href="https://tuyuanma.com/" target="_balnk">tuyuanma.com</a>）</div>
    <div class="panel-body">
      <p><a href="https://tuyuanma.com/" target="_balnk">兔源码</a>提供源码下载，通过以下网盘获取完整源码：</p>
      <div class="xiazai">
        <a href="https://pan.quark.cn/s/9e18a15863d3" target="_balnk" rel="noopener noreferrer nofollow" target="_balnk" class="kuake">夸克网盘</a>
        <a href="https://pan.baidu.com/s/19EscAYLPi1dFWxjTnbGFEA?pwd=a6de" target="_balnk" rel="noopener noreferrer nofollow" class="baidu">百度网盘</a>
        <a href="https://drive.uc.cn/s/56263dc33fc14?public=1" target="_balnk" rel="noopener noreferrer nofollow" class="uc">UC网盘</a>
      </div>
      <p>提示：下载后请按自身需求，将源码布置到网站上，修改并配置好CSS、JS、svg图片路径即可上线使用。</p>
    </div>
  </div>
</div>
<!--{template common/footer}-->
<script src="qq/qq-avatar.js"></script>
    